<section class="top-fixed">
    <div class="weui_search_bar" id="search_bar" style="max-width: 640px;margin: auto;">
        <form class="weui_search_outer" id="search_form" method="get" action="/">
            <div class="weui_search_inner">
                <i class="weui_icon_search"></i>
                <input type="search" class="weui_search_input" id="search_input" name="keyword"
                       placeholder="关键词、淘宝分享内容、商品链接、商品标题"
                       required value="{{query.keyword}}"/>
                <a href="javascript:" class="weui_icon_clear" id="search_clear"></a>
            </div>
            <label for="search_input" class="weui_search_text" id="search_text">
                <i class="weui_icon_search"></i>
                <span>关键词、淘宝分享内容、商品链接、商品标题</span>
            </label>
        </form>
        <a href="javascript:" class="weui_search_cancel" id="search_ok">&nbsp;&nbsp;搜索&nbsp;&nbsp;</a>
    </div>
</section>
<div class="bottom-fixed">
    <footer class="table bt-f1 bgf tc fs13 footer hash-nav" style="max-width: 640px;margin: auto;">
        <a href="/#all" action="fAll" class="table-cell vm active">全部</a>
        <a href="/#is99" action="fIs99" class="table-cell vm">9.9包邮</a>
        <a href="/#is199" action="fIs199" class="table-cell vm">19.9包邮</a>
        <a href="/#isJhs" action="fIsJhs" class="table-cell vm">聚划算</a>
        <a href="/#isTqg" action="fIsTqg" class="table-cell vm">淘抢购</a>
    </footer>

    {{#if show_qrcode}}
        <img class="qrcode" style="width: 80px; height: 80px; position: absolute; top: -80px; right: 0px;"
             src="{{or qrcode 'http://a5.xcworld.cn/qrcode.jpg'}}">
    {{/if}}
</div>
<section class="main" style="max-width: 640px;margin: auto;">
    {{#if settings.notice}}
        <div style="color: #FC6D84; text-align: center; line-height: 30px; font-size: 14px; background: #fff;">
            {{settings.notice}}
        </div>
    {{/if}}

    <!--
    <div style="padding: 15px 10px; background: #fff;">
        <ul class="icon-url-list clearfix">
            <li class="">
                <a href="/pinpai">
                    <i style="background: url('{{or settings.cdn
                                                    ''}}/images/icon/ddq.jpg');background-size: 100%;"></i>
                    <span>品牌商品</span>
                </a>
            </li>
            <li class="">
                <a href="/sales">
                    <i style="background: url('{{or settings.cdn
                                                    ''}}/images/icon/paihang.png');background-size: 100%;"></i>
                    <span>销量榜单</span>
                </a>
            </li>
            <li class="">
                <a href="/shendan">
                    <i style="background: url('{{or settings.cdn
                                                    ''}}/images/icon/nine.png');background-size: 100%;"></i>
                    <span style="color: #ff0000;">夜猫福利</span>
                </a>
            </li>
            <li class="">
                <a href="/?category=8">
                    <i style="background: url('{{or settings.cdn
                                                    ''}}/images/icon/meishi.png');background-size: 100%;"></i>
                    <span style="color: #ff0000;">吃货优选</span>
                </a>
            </li>
        </ul>
    </div>
    -->

    <div class="pinp-nav" id="nav-wrapper" style="position: relative; overflow: hidden;">
        <ul class="pinp-navul" style="transform-origin: 0px 0px 0px; position: absolute; top: 0px; left: 0px;">
            <li><a href="javascript:;" class="{{#unless query.category}}active{{/unless}}" data-value="all">精选</a></li>
            {{#each categories}}
                <li><a href="javascript:;" class="{{#if_eq ../query.category id}}active{{/if_eq}}"
                       data-value="{{id}}">{{name}}</a></li>
            {{/each}}
        </ul>
    </div>
    <script type="text/javascript" src="/js/iscroll.js"></script>
    <script>new iScroll('nav-wrapper', {hScroll: true, hScrollbar: false, vScrollbar: false});</script>
    <div style="position: relative;">
        <div class="order-wrapper screening">
            <ul>
                <li><a class="orderby active" href="javascript:;" data-value="renqi">人气</a></li>
                <li><a class="orderby" href="javascript:;" data-value="new">新品</a></li>
                <li><a class="orderby" href="javascript:;" data-value="sales">销量</a></li>
                <li><a class="orderby" href="javascript:;" data-value="quan">券额</a></li>
                <li><a class="orderprice" href="javascript:;" data-value="price_asc">价格</a></li>
            </ul>
        </div>
        <div class="meishi22">
            <ul class="meishia-w" id="meishia">
                <li class="jia_xuan clearfix">
                    <a href="javascript:;" class="fn_l" data-value="price_asc">价格由低到高</a>
                    <a href="javascript:;" class="fn_r" data-value="price_desc">价格由高到低</a>
                </li>
                <li class="price_level clearfix">
                    <a href="javascript:;" class="price_range_btn fl" cms1="0" cms2="30">0 - 30</a>
                    <a href="javascript:;" class="price_range_btn fl" cms1="30" cms2="60">30 - 60</a>
                    <a href="javascript:;" class="price_range_btn fl" cms1="60">60以上</a>
                </li>
                <li class="price_input clearfix">
                    <input class="min_price fl" type="number" id="price_start" name="price_start">
                    <span class="fl">-</span>
                    <input class="max_price fl" type="number" id="price_end" name="price_end">
                    <input class="confirm_btn1 fl" type="button" value="清空" id="cleanval">
                    <input class="confirm_btn fl" type="button" value="确认" id="confirmPrice">
                </li>
            </ul>
        </div>
    </div>

    <div id="alimamaGoodsesList" style="position: relative; height: 210px; margin-top: 5px; display: none;">
        <ul></ul>
    </div>

    <ul id="goodsesList" class="weui-row list-col-2"></ul>

    <div id="loadmore" class="weui-infinite-scroll">
        <div class="infinite-preloader"></div>
        正在加载...
    </div>
</section>
<a href="javascript:;" class="to-top">
    <i class="ico-top"></i>
</a>
<div class="code_fixed">
    <div class="item-bg"></div>
    <div class="item-con">
        <span>
            <img src="{{or qrcode 'http://a5.xcworld.cn/qrcode.jpg'}}" alt="" class="imgm">
        </span>
        <div class="mt10 tc fs15 colf">长按图片或微信扫一扫关注公众号</div>
    </div>
</div>